<script setup>
import { ref, reactive, onMounted, provide } from 'vue'
import { useRouter } from 'vue-router';

const router = useRouter()
</script>

<template>
  <div class="outer-box">
    <router-view />
  </div>
</template>

<style scoped lang="scss">
//@include pat-info-style;
@mixin pat-info-style {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

@mixin common-font-style {
  font-family: Source Han Sans CN;
  font-weight: 700;
  color: #FFFFFF;
  text-align: center;
}

.outer-box {
  width: vw(1920);
  height: vh(1080);
  background: #FFF;
  position: relative;
}
</style>
